<template>
	<div>
			<div class="mainList">
				<div class="list">
					<div class="list-head">
						已成交求购订单
					</div>
					<div class="">
						<ul class="ul" v-for="(item, index) in orderListData" :key="index">
							<li>
								<div class="top">
									<h3>{{item.productName}}({{item.farmName}})</h3>
									<span class="address">{{item.productCity}}</span>
									<span class="price">{{item.salesPrice}}<i>{{item.salesPriceUnit}}</i></span>
								</div>
								<div class="bottom">
									<span class="bx">
										<img src="@/assets/img/home_img09.png" alt="" class="bao">
										<img src="@/assets/img/home_img10.png" alt="" class="bao2">
										{{item.insurance}}
									</span>
									<span class="quantity">{{item.quantity}}头</span>
									<span class="jh">近一周成交</span>
								</div>
							</li>
						</ul>
					</div>
				</div>
			</div>
	</div>
</template>

<script>
	
	export default {
		props: {
			orderListData: Array
		}
	}
	
	
</script>

<style lang="scss" scoped>
	@import "@/assets/css/homeCom.scss";
	
	.list .list-head {
		color: #344047;
		font-size: 16px;
		font-weight: 500;
	}
</style>
